<template>
  <div>
    <h1>{{ asg }}</h1>
    <button @click="fn">点击翻转字符串，同时转为大写</button>
    <button @click="fnn">点击翻转字符串，同时转为小写</button>
  </div>
</template>
<script>
function revers(str) {
  return str.split('').reverse().join('')
}
export default {
  data() {
    return {
      asg: 'hello world',
    }
  },
  methods: {
    fn() {
      this.asg = revers(this.asg).toUpperCase()
    },
    fnn() {
      this.asg = revers(this.asg).toLowerCase()
    },
  },
}
</script>
